<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //遍历对象
        var obj = {
            name: 'pink老师',
            age: 18,
            sex: '男'
        }
        console.log(obj.age);
        console.log(obj.name);
        console.log(obj['sex']); //以前遍历繁琐 代码重复

        //因为for循环要求是有序的 因为对象里面的属性是无序的  所以使用 for...in语句
        //for...in语句用于对数组或者对象的属性进行循环操作
        //for in 遍历对象
        /* for(变量 in 对象){ //代码格式

        } */
        for (var k in obj) {
            console.log(k); // k  变量 输出 得到的是 属性名
            console.log(obj[k]); // obj[k] 得到的是 属性值      
            console.log(k + ':' + obj[k]); //k是属性名  obj[k] 是属性值
        }
    </script>
</head>

<body>

</body>

</html>